$(function () {
    // $('.color_change ul li').click(function () {
    //     var src = $(this).find('img').attr('src')
    //     var color = src.substring(15, src.length - 4)
    //     console.log(color);
    //     $('.imgList li').addClass('hide');

    //     $(".color_change strong").text($(this).find('img').attr("alt"));
    //     $('.imgList li').each(function () {
    //         var f = new RegExp(color);
    //         console.log($(this).attr('class'));
    //         if (f.test($(this).attr('class'))) {
    //             $(this).removeClass('hide')
    //         }

    //     })

    //     var jqzoomWrap_src = $('.imgList li:not(.hide)').eq(0).find('img').attr('src')
    //     console.log(jqzoomWrap_src);
    //     var jqzoomWrap_img = jqzoomWrap_src.substring(0, jqzoomWrap_src.length - 4)
    //     console.log(jqzoomWrap_img);
    //     $('.jqzoomWrap').find('img').attr('src', jqzoomWrap_img + '_small.jpg')
    //     $('.jqzoomWrap a ').attr('href', jqzoomWrap_img + '_big.jpg')
    //     $('#thickImg').attr('href', jqzoomWrap_img + '_big.jpg')
    // })


    $(".color_change ul li").click(function () {

        var src = $(this).find("img").attr("src");
        console.log(src);  //images/pro_img/yellow.jpg

        var index = src.lastIndexOf(".");
        console.log(index);  //21
        var imgPrev = src.substring(0, index);
        console.log(imgPrev);  //images/pro_img/yellow
        var color = imgPrev.replace("images/pro_img/", "");
        console.log(color);  //yellow
        var className = "imgList_" + color;
        //左下图片隐藏
        $(".imgList li").hide();
        //当前3张小图片显示
        $("." + className).show();
        //默认显示第一张图片调用 a的 click事件
        $("." + className).eq(0).find("a").click();
        //改变颜色文字
        $(".color_change strong").text($(this).find('img').attr("alt"));

    })
})